<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>瀚捷视讯</title>

  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/css/initial.css">
  <link rel="stylesheet" href="/css/hanjie.css">


</head>

<body>
  <header>
    <a href="javascript:"><h1 class="logo">瀚捷视讯</h1></a>
    <div class="top-left">
      <div class="count">
        <span class="count-title">试看时间：</span>
        <span class="count-time">12</span>
        <span class="count-time">56</span>
      </div>
      <ul class="uesr-info">
        <li class="info-list rank">VIP3<span class="rank-icon"></span></li>
        <li class="info-list user-name"><span>瀚捷夏助理</span>你好</li>
        <li class="info-list user-logout"><button>注销</button></li>
      </ul>
    </div>
  </header>
  <section class="wrapper">
    <section class="han-col main">
      <div class="index nav_video" id="go_video">
        <div class="index-primary">
          <div class="teacher-info-wrap">
            <img class="teacher-icon" src="../images/teachter_icon.png" alt="老师 头像">
            <div class="teacher-info">
              <p>[ 飞扬老师 ] <span>王牌分析师</span></p>
              <p>获利无非预估，非笑可以控制</p>
            </div>
            <ul class="wel-degree">
              <li class="collect"><span class="collect-icon"></span>收藏直播间</li>
              <li class="view"><span class="view-icon"></span>1814人</li>
            </ul>
          </div>
          <div class="primary-video-wrap"></div>
          <div class="notice-bar">
            <img src="images/notice_bg.png" alt="公告">
            <h2 class="notice-title">今天是一年一度的圣诞节，直播组在此祝大家圣诞节快乐！</h2>
          </div>
        </div>
        <div class="index-aside">
          <div class="minor-video-wrap">

          </div>
          <div class="chat-wrap">

          </div>
        </div>
      </div>
      <div class="advert slide" id="go_schedule">
        <div class="slide-wrap">
          <div class="slider-list">
            <img src="../images/ad_1.png" alt="广告1">
          </div>
          <div class="slider-list active">
            <img class="" src="../images/ad_2.png" alt="广告2">
          </div>
          <div class="slider-list">
            <img src="../images/ad_3.png" alt="广告3">
          </div>
        </div>
        <div class="slide-nav">
          <span class="slide-nav-bullet"></span>
          <span class="slide-nav-bullet active"></span>
          <span class="slide-nav-bullet"></span>
        </div>
      </div>
      <div class="class-table nav_schedule">
        <div class="class-assign schedule">
          <div class="table-title">
            <h2><span class="title-icon"></span>课程安排</h2>
          </div>
          <div class="table-content js-schedule-content">
            <ul>
              <li class="active" data-to="to_monday">
                <h2>11/27 周一</h2>
              </li>
              <li class="" data-to="to_Tuesday">
                <h2>11/28 周二</h2>
              </li>
              <li data-to="to_wednesday">
                <h2>11/29 周三</h2>
              </li>
              <li data-to="to_thursday">
                <h2>11/30 周四</h2>
              </li>
              <li data-to="to_friday">
                <h2>12/01 周五</h2>
              </li>
            </ul>
            <div class="weekday monday" id="to_monday">
              <table>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconded"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>意涵</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr class="active">
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>天河</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>金蝉</td>
                  <td>《乘胜追击》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>猎手</td>
                  <td>《行情实况》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>猎手</td>
                  <td>《行情实况》</td>
                </tr>
              </table>
            </div>
            <div class="weekday Tuesday" id="to_Tuesday">
              <table>
                <tr>
                  <td><i class="icon-nude icon-nude-seconded"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>意涵</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr class="active">
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>天河</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>猎手</td>
                  <td>《行情实况》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>金蝉</td>
                  <td>《乘胜追击》</td>
                </tr>
              </table>
            </div>
            <div class="weekday wednesday" id="to_wednesday">
              <table>
                <tr>
                  <td><i class="icon-nude icon-nude-seconded"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>意涵</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr class="active">
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>天河</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>猎手</td>
                  <td>《行情实况》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>金蝉</td>
                  <td>《乘胜追击》</td>
                </tr>
              </table>
            </div>
            <div class="weekday thursday" id="to_thursday">
              <table>
                <tr>
                  <td><i class="icon-nude icon-nude-seconded"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>意涵</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>猎手</td>
                  <td>《行情实况》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>猎手</td>
                  <td>《行情实况》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr class="active">
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>天河</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>猎手</td>
                  <td>《行情实况》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>金蝉</td>
                  <td>《乘胜追击》</td>
                </tr>
              </table>
            </div>
            <div class="weekday friday" id="to_friday">
              <table>
                <tr>
                  <td><i class="icon-nude icon-nude-seconded"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>意涵</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr class="active">
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>天河</td>
                  <td>《跟我学交易》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>静秋/飞扬</td>
                  <td>《市场扫描》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-seconding"></i><span>语音</span></td>
                  <td>09:30-15:00</td>
                  <td>猎手</td>
                  <td>《行情实况》</td>
                </tr>
                <tr>
                  <td><i class="icon-nude icon-nude-videoing"></i><span>视频</span></td>
                  <td>09:30-15:00</td>
                  <td>金蝉</td>
                  <td>《乘胜追击》</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
        <div class="class-assign newsinfo-wrap">
          <div class="table-title js-click-title">
            <ul>
              <li class="finance" data-change="go-finance">
                <h2 class="active"><span class="title-icon"></span>财经日历</h2>
              </li>
              <li class="invest" data-change='go-invest'>
                <h2><span class="title-icon"></span>亚盘投资参考</h2>
              </li>
              <li class="informat" data-change='go-informat'>
                <h2><span class="title-icon"></span>今日必读</h2>
              </li>
            </ul>
          </div>
          <div class="table-content js-news-content">
            <div class="day-new finance-content js-informat-change" id="go-finance">
              <ul>
                <li data-to="goto_monday">
                  <h2>11/27 周一</h2>
                </li>
                <li class="" data-to="goto_Tuesday">
                  <h2>11/28 周二</h2>
                </li>
                <li data-to="goto_wednesday">
                  <h2>11/29 周三</h2>
                </li>
                <li data-to="goto_thursday">
                  <h2>11/30 周四</h2>
                </li>
                <li class="active" data-to="goto_friday">
                  <h2>12/01 周五</h2>
                </li>
              </ul>
              <div class="weekday monday" id="goto_monday">
                <div class="change-btn">
                  <button type="button" name="button">2017年11月27日经济数据一览</button>
                  <button type="button" name="button">财经大事一览</button>
                </div>
                <table>
                  <tr>
                    <th width='10%'>时间</th>
                    <th width='15%'>国/区</th>
                    <th width='50%'>指标名称</th>
                    <th>重要性</th>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>5:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>09:00</td>
                    <td>欧盟</td>
                    <td class="event-con">欧元区9月季调后经常账（亿欧元）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>5:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>5:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                </table>
              </div>
              <div class="weekday Tuesday" id="goto_Tuesday">
                <div class="change-btn">
                  <button type="button" name="button">2017年11月27日经济数据一览</button>
                  <button type="button" name="button">财经大事一览</button>
                </div>
                <table>
                  <tr>
                    <th width='10%'>时间</th>
                    <th width='15%'>国/区</th>
                    <th width='50%'>指标名称</th>
                    <th>重要性</th>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>17:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10越新屋开工总数年化（亿欧元）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>中国</td>
                    <td class="event-con">中国10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>日本</td>
                    <td class="event-con">日本10越新屋开工总数年化（亿欧元）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>韩国</td>
                    <td class="event-con">韩国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>5:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                </table>
              </div>
              <div class="weekday wednesday" id="goto_wednesday">
                <div class="change-btn">
                  <button type="button" name="button">2017年11月27日经济数据一览</button>
                  <button type="button" name="button">财经大事一览</button>
                </div>
                <table>
                  <tr>
                    <th width='10%'>时间</th>
                    <th width='15%'>国/区</th>
                    <th width='50%'>指标名称</th>
                    <th>重要性</th>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>17:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10越新屋开工总数年化（亿欧元）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>中国</td>
                    <td class="event-con">中国10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>日本</td>
                    <td class="event-con">日本10越新屋开工总数年化（亿欧元）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>韩国</td>
                    <td class="event-con">韩国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>5:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                </table>
              </div>
              <div class="weekday thursday" id="goto_thursday">
                <div class="change-btn">
                  <button type="button" name="button">2017年11月27日经济数据一览</button>
                  <button type="button" name="button">财经大事一览</button>
                </div>
                <table>
                  <tr>
                    <th width='10%'>时间</th>
                    <th width='15%'>国/区</th>
                    <th width='50%'>指标名称</th>
                    <th>重要性</th>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>中国</td>
                    <td class="event-con">中国10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>日本</td>
                    <td class="event-con">日本10越新屋开工总数年化（亿欧元）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>韩国</td>
                    <td class="event-con">韩国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>5:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                </table>
              </div>
              <div class="weekday friday" id="goto_friday">
                <div class="change-btn">
                  <button type="button" name="button">2017年11月27日经济数据一览</button>
                  <button type="button" name="button">财经大事一览</button>
                </div>
                <table>
                  <tr>
                    <th width='10%'>时间</th>
                    <th width='15%'>国/区</th>
                    <th width='50%'>指标名称</th>
                    <th>重要性</th>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>17:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10越新屋开工总数年化（亿欧元）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>加拿大</td>
                    <td class="event-con">加拿大10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>中国</td>
                    <td class="event-con">中国10越分CPI月</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>日本</td>
                    <td class="event-con">日本10越新屋开工总数年化（亿欧元）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>15:00</td>
                    <td>韩国</td>
                    <td class="event-con">韩国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                  <tr>
                    <td>5:00</td>
                    <td>美国</td>
                    <td class="event-con">美国10月营建许可总数（万户）</td>
                    <td>--</td>
                  </tr>
                </table>
              </div>
            </div>
            <div class="day-new invest-content" id="go-invest">
              <ul>
                <li>
                  <h2>2017-12-07</h2>
                </li>
              </ul>
              <div class="day-info-content">
                <div class="info info1">
                  <h3>伦敦金</h3>
                  <div class="info1-content">
                    <p>美元反弹黄金巨震重回两周低反弹推动纳指上涨，标普连跌四天。周六可能关闭：宣布承认耶路撒冷为以色列科技股反弹推动纳指上涨，标普连跌四天。的首都，美%比特币再创历史新高。特朗普：美政府周六可能关闭：宣布承认耶路撒冷为以使馆将搬迁。大跌3%比特币再创历史新高。特朗普：美政府周六可能关闭：宣布承认耶路撒冷为以色列的首都，美使馆将搬迁。</p>
                  </div>
                </div>
                <div class="info info1">
                  <h3>原油</h3>
                  <div class="info1-content">
                    <p>1月6日，美元反弹黄金就业新高,有家大跌3%比特币再创历史新高。美11月“小非农”增19万科技股反弹推动纳指上涨，标普连跌四天，美元反弹黄金巨震重回两周低点，美11月“小非农”增19万制造业新增就业新高,有家大跌3%比特币再创历史新高。美政府周六可能关闭：宣布承认耶路撒冷为以色列的首都，美使馆将搬迁</p>

                  </div>
                </div>

              </div>
            </div>
            <div class="day-new informat-content" id="go-informat">
              <ul>
                <li>
                  <h2>2017-12-07</h2>
                </li>
              </ul>
              <div class="day-info-content">
                <div class="info info1">
                  <h3>宏观新闻</h3>
                  <div class="info1-content">
                    <p>1、美元反弹黄金巨震重回两周低点，有家大跌3%比特币再创历史新高。</p>
                    <p>2、科技股反弹推动纳指上涨，标普连跌四天。</p>
                    <p>4、特朗普：美政府周六可能关闭：宣布承认耶路撒冷为以色列的首都，美使馆将搬迁。</p>
                    <p>5、美11月“小非农”增19万，制造业新增就业新高。</p>
                  </div>
                </div>
                <div class="info info2">
                  <h3>今日关注</h3>
                  <p><span>20：30 </span> 美国11月挑战者企业裁员人数（万人）</p>
                  <p><span>20：30 </span> 美国11月当周初请失业金人数（万人）</p>
                  <p><span>20：30 </span> 美国11月挑战者企业裁员人数（亿立方英尺）</p>
                </div>
                <div class="info info3">
                  <h3>重要事件</h3>
                  <p><span>20：30 </span> 欧洲央行行长德拉吉就巴塞尔银行改革举行记者会。</p>
                  <p><span>20：30 </span> 欧洲央行行长德拉吉就巴塞尔银行改革举行记者会。</p>
                </div>
              </div>
            </div>
            </div>
          </div>
        </div>
      </div>
      <div class="techer-info nav_teams" id="go_teams">
        <div class="teamifo-tilte">
          <h2><span class="title-icon"></span>团队介绍/战法下载</h2>
        </div>
        <div class="teaminfo-content">
          <dl class="">
            <dt><img src="../images/teacher1.png" alt="老师"></dt>
            <dd>
              <div class="info-content">
                <div class="info-content-ph">
                  <p>高级研究员，计算机和金融学双学位，致力于黄金，股指期货、外汇等投资品种多年，有着丰富的实战操盘经验和独特的交易理念。现任员，长期研究贵外汇的量化模型和程序化交易。对市场独创一格的见解。常用的技术指标：BOLL、ADX、分时图、K线形态等技术指标均有一定研究.</p>
                </div>
                <div class="info-content-pic">
                  <span>《均线战法》</span><span class="load-fire">下载量：584次</span>
                  <button type="button" name="button">点击下载</button>
                </div>
              </div>
            </dd>
          </dl>
          <dl class="">
            <dt><img src="../images/teacher2.png" alt="老师"></dt>
            <dd>
              <div class="info-content">
                <div class="info-content-ph">
                  <p>高级研究员，计算机和金融金属、股指、外汇属、股指、外汇的量化的量化模型和程序的技术指标：BOLL、ADX、分时图、K线形态等技术指标均有一定研究.</p>
                </div>
                <div class="info-content-pic">
                  <span>《均线战法》</span><span class="load-fire">下载量：584次</span>
                  <button type="button" name="button">点击下载</button>
                </div>
              </div>
            </dd>
          </dl>
          <dl class="">
            <dt><img src="../images/teacher3.png" alt="老师"></dt>
            <dd>
              <div class="info-content active">
                <div class="info-content-ph">
                  <p>高级研究员，计算机和金融学双学位，致力于黄金，股指期货、外汇等投资品种多年，有着丰富的实战操盘经验和独特的交易理念。现任量化交易高级研究员，长期研究贵金属、股指、外汇的量化模型和程序化交易。对市场独创一格的见解。常用的技术指标：BOLL、ADX、分时图、K线形态等技术指标均有一定研究.</p>
                </div>
                <div class="info-content-pic">
                  <span>《均线战法》</span><span class="load-fire">下载量：584次</span>
                  <button type="button" name="button">点击下载</button>
                </div>
              </div>
            </dd>
          </dl>
          <dl class="">
            <dd>
              <div class="info-content">
                <div class="info-content-ph">
                  <p>高级研究员，计算机和金融学双学位，致力研究员，长期研究贵金属、股指、外汇的量化模型和程序化交易。对市场独创一格的见解。常用的技术指标：BOLL、ADX、分时图、K线形态等技术指标均有一定研究.</p>
                </div>
                <div class="info-content-pic">
                  <span>《均线战法》</span><span class="load-fire">下载量：584次</span>
                  <button type="button" name="button">点击下载</button>
                </div>
              </div>
            </dd>
            <dt><img src="../images/teacher4.png" alt="老师"></dt>
          </dl>
          <dl class="">
            <dd>
              <div class="info-content">
                <div class="info-content-ph">
                  <p>高级研究员，计算机和金融学双学位，致力于黄金，股指期货、外汇等投资品种多年，有着丰富的实战操盘经验和独特的交易理念。现任量化交易高级研究员，长期研究贵金属、股指、外汇的量化模型和程序化交易。对市场独创一格的见解。常用的技术指标：BOLL、ADX、分时图、K线形态等技术指标均有一定研究.</p>
                </div>
                <div class="info-content-pic">
                  <span>《均线战法》</span><span class="load-fire">下载量：584次</span>
                  <button type="button" name="button">点击下载</button>
                </div>
              </div>
            </dd>
            <dt><img src="../images/teacher5.png" alt="老师"></dt>
          </dl>
          <dl class="">
            <dd>
              <div class="info-content">
                <div class="info-content-ph">
                  <p>高级研究员，计算机和金融学双学位，致力于黄金，股指期货、外期研究贵金属、股指、外汇的量化模型和程序化交易。对市场独创一格的见解。常用的技术指标：BOLL、ADX、分时图、K线形态等技术指标均有一定研究.</p>
                </div>
                <div class="info-content-pic">
                  <span>《均线战法》</span><span class="load-fire">下载量：584次</span>
                  <button type="button" name="button">点击下载</button>
                </div>
              </div>
            </dd>
            <dt><img src="../images/teacher6.png" alt="老师"></dt>
          </dl>
        </div>
      </div>
      <div class="event-video nav_wonderful" id="go_wonderful">
        <div class="event-title js-eventvideo-title">
          <ul>
            <li class="active" data-into="contest_video">比赛视频</li>
            <li data-into="trade_class">交易小课堂</li>
            <li data-into="news_things">新闻小事件</li>
          </ul>
        </div>
        <div class="event-content">
          <div id="contest_video" class="active">
            <ul>
              <li class="video-list">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第一季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video2.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第二季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list video-display-more">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list video-display-more">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list video-display-more">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video2.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
            </ul>
            <div class="seen-morevideo-btn js-seen-morevideo">
              <span>更多视频</span>
            </div>
            <div class="seen-lessvideo-btn js-seen-lessvideo">
              <span>收起视频</span>
            </div>

          </div>
          <div id="trade_class">
            <ul>
              <li class="video-list">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video2.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第一季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video2.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第二季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list video-display-more">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list video-display-more">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list video-display-more">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video2.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
            </ul>
            <div class="seen-morevideo-btn js-seen-morevideo">
              <span>更多视频</span>
            </div>
            <div class="seen-lessvideo-btn js-seen-lessvideo">
              <span>收起视频</span>
            </div>
          </div>
          <div id="news_things">
            <ul>
              <li class="video-list">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第一季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video2.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第二季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video2.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list video-display-more">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list video-display-more">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video1.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
              <li class="video-list video-display-more">
                <div>
                  <div class="video-img-wrap">
                    <img src="../images/video2.png" alt="非农 赛事 视频">
                    <div class="shade-wrap">
                      <div class="share-and-play">
                        <div class="play-icon"></div>
                        <div class="share-icon"></div>
                        <div class="share-flat-icon">
                          <a href="javascript:"><span class="QQ"></span></a>
                          <a href="javascript:"><span class="weChat"></span></a>
                          <a href="javascript:"><span class="microblog"></span></a>
                          <a href="javascript:"><span class="tieba"></span></a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="video-title">
                    <p>2017年5月5日 《非农来袭 第三季》</p>
                    <p>点击量：<span>536</span></p>
                  </div>
                </div>
              </li>
            </ul>
            <div class="seen-morevideo-btn js-seen-morevideo">
              <span>更多视频</span>
            </div>
            <div class="seen-lessvideo-btn js-seen-lessvideo">
              <span>收起视频</span>
            </div>
          </div>
        </div>
      </div>
      <div class="business-intro nav_aboutus" >
        <div class="carousel" id="myCarousel">
          <div class="carousel-inner">
            <div class="item active">
              <img src="../images/business2.jpg" alt="First slide">
              <div class="item-aboutus-content">
                <img src="../images/us_bg.png" alt="关于我们">
                <div class>
                  <h3><span>核心业务</span></h3>
                  <p>我们有专业的设备和技术人员支持，我们的核心业务就是技术分析。</p>
                  <p>视频教学，每天有长达十小时的在线教学。传授金融技术分析的方法。</p>
                  <p>技巧，并为投资者答疑解惑，客观分析市场。</p>
                </div>
              </div>
            </div>
            <div class="item">
              <img src="../images/business1.png" alt="Second slide">
              <div class="item-aboutus-content">
                <img src="../images/us_bg.png" alt="关于我们">
                <div class>
                  <h3><span>核心业务</span></h3>
                  <p>我们有专业的设备和技术人员支持，我们的核心业务就是技术分析。</p>
                  <p>视频教学，每天有长达十小时的在线教学。传授金融技术分析的方法。</p>
                  <p>技巧，并为投资者答疑解惑，客观分析市场。</p>
                </div>
              </div>
            </div>
            <div class="item">
              <img src="../images/business3.png" alt="Third slide">
              <div class="item-aboutus-content">
                <img src="../images/us_bg2.png" alt="关于我们">
                <div class>
                  <h3><span>核心业务</span></h3>
                  <p>我们有专业的设备和技术人员支持，我们的核心业务就是技术分析。</p>
                  <p>视频教学，每天有长达十小时的在线教学。传授金融技术分析的方法。</p>
                  <p>技巧，并为投资者答疑解惑，客观分析市场。</p>
                </div>
              </div>
            </div>
          </div>
          <ol class="carousel-indicators">
        		<li data-target="#myCarousel" data-slide-to="0" class="on"></li>
        		<li data-target="#myCarousel" data-slide-to="1"></li>
        		<li data-target="#myCarousel" data-slide-to="2"></li>
        	</ol>
        </div>
      </div>
    </section>
    <aside class="han-col han-left">
      <ul class="page-nav js-page-nav">
        <li data-class="nav_video">
          <span>视频</span><span>直播</span>
        </li>
        <li data-class="nav_schedule">
          <span>课表</span><span>财经</span>
        </li>
        <li data-class="nav_teams">
          <span>团队</span><span>介绍</span>
        </li>
        <li data-class="nav_wonderful">
          <span>精彩</span><span>回看</span>
        </li>
        <li data-class="nav_aboutus">
          <span>关于</span><span>我们</span>
        </li>
      </ul>
      <i class="go-footer-btn">dowm</i>
    </aside>
    <aside class="han-col han-right"></aside>
  </section>
  <footer>
    <div class="footer-nav">
      <ul>
        <li data-to="go_video">视频直播</li>
        <li data-to="go_schedule">课表/财经</li>
        <li data-to="go_teams">团队/战法</li>
        <li data-to="go_wonderful">精彩回看</li>
      </ul>
      <div class="han-contast">
        <p>联系邮箱：info@hanjieglobal.com</p>
        <p>联系电话：0755-23944977</p>
        <p>地址：深圳市福田区上梅林中心广场（南区）A座1003号</p>
      </div>
    </div>
    <div class="copy-right">
      <p>2017澣捷（深圳）信息咨询有限公司，不得转载。[粤ICP备16077866号-2]</p>
    </div>
  </footer>
  <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../js/index.js"></script>
  <script type="text/javascript">
  $(function(){
    $('.carousel').carousel({
      interval: 2000
    });
  })
  </script>
  <script type="text/javascript">

    // $(function(){
    //   var sliderShow = $(".slide"),
    //       sliderCon = sliderShow.find(".slider-list"),
    //       sliderNum = sliderShow.find(".slide-nav span");
    //   var oneWidth;
    //       $(".slide").find('.slider-list').each(function(){
    //       	console.log($(this).width())
    //         oneWidth = $(this).width()
    //       })
    //       console.log(sliderShow);
    //
    //      var timer=null;
    //      var iNow=0;//iNow为正在展示的图片索引值，当用户打开网页时首先显示第一张图，即索引值为0
    //      sliderNum.on("click",function(){
    //        $(this).addClass("active").siblings().removeClass("active");
    //        var index = $(this).index();
    //        iNow=index;
    //        sliderCon.animate({
    //          "left":-oneWidth*iNow,
    //        })
    //      });
    //
    //      timer = setInterval(function(){
    //        iNow++;
    //        if(iNow>sliderNum.length-1){
    //          iNow=0;
    //        }
    //        sliderNum.eq(iNow).trigger("click");
    //      },2000);
    // })
  </script>
</body>

</html>
